<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


@font-face {
  font-family: "HelveticaNarrowBold";
 src: url(../fonts/Helvetica Narrow Bold.ttf) format('truetype');
}

@font-face {
  font-family: "Helvetica Narrow Bold";
  src: url("Helvetica Narrow Bold.woff2") format("woff2"),
       url("Helvetica Narrow Bold.woff") format("woff"),
       url("Helvetica Narrow Bold.ttf") format("truetype"),
       url("Helvetica Narrow Bold.eot") format("embedded-opentype"),
       url("Helvetica Narrow Bold.svg") format("svg"),
       url("Helvetica Narrow Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
   font-family: 'PuHuiR';
   src: url(../fonts/alibaba-puhuiti-regular.ttf) format('truetype');
}
@font-face {
   font-family: 'PuHuiB';
   src: url(../fonts/alibaba-puhuiti-bold.ttf) format('truetype');
}
@font-face {
   font-family: 'PuHuiL';
   src: url(../fonts/alibaba-puhuiti-light.ttf) format('truetype');
}

 @font-face {
	font-family: 'PuHuiM';
	src: url(../fonts/Alibaba-PuHuiTi-Medium.otf) format('OpenType');
 }





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	box-sizing: border-box;
	vertical-align: baseline;
	letter-spacing: 1px;
}
/* scrollbar for chrome*/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(35, 35, 35, 0.77);
}
::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: rgba(31, 31, 31, 0.49);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-webkit-scrollbar-track:hover {
	background-color: rgba(58, 58, 58, 0.2);
	-webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.4);
}
::-webkit-scrollbar-track:active {
	background-color: rgba(107, 107, 107, 0.2);
	-webkit-box-shadow: inset 0 0 6px rgba(0,153,153,.1);
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: rgb(158, 158, 158);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover {
	background-color: rgb(146, 146, 146);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:active {
	background: rgb(146, 146, 146);
}
.transition {
	transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
	-ms-transition: all 1.0s linear;
	-o-transition: all 1.0s linear;
	-webkit-transition: all 1.0s linear;
}
body {
	font-family:"PuHuiR", "Microsoft Yahei", Tahoma, Arial, sans-serif;
	background: #fff;
	font-size:14px;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none!important;
}
a {
	text-decoration: none;
	color: #444;
}
a:hover {
	text-decoration: none!important;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #999;
}
li {
	list-style-type: none;
}
input,textarea {
	outline: none;
}
h1,h2,h3,h4,h5 {
	margin: 0;
}
.hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 10px 0;
	padding: 0;
	background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -moz-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -ms-linear-gradient(left, #fff, #ccc, #fff);
	background-image: -o-linear-gradient(left, #fff, #ccc, #fff);
	width: 50%;
	left: 25%;
	position: relative;
	border: none;
}
/* scrollbar for chrome end*/
/*通用图片放大效果*/
.img {
	height: auto;
	overflow: hidden;
	position: relative;
}
.img img {
	width: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	position: relative;
	z-index: 3
}
.img .cover {
	width: 100%;
	height: 100%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	line-height: 195px;
	text-align: center
}
.img .cover a {
	vertical-align: middle;
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 18px;
	position: relative;
	top: 50px;
	opacity: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s
}
.img .cover a:hover {
	color: #FFF;
	text-decoration: none;
}
.img .cover a i {
	line-height: 164px;
}
.img:hover img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}
.img:hover .cover {
	background: #222;
	opacity: 0.85;
}
.img:hover .cover a {
	top: 0;
	opacity: 1;
}

.img .cover a h4, .img:hover .cover a h4 {
	margin-top: 60px;
	font-size: 22px;
	color: #fff;
	margin-bottom: 40px;
	border-bottom: 1px dotted #ddd;
	line-height: 80px;
}
.img .cover a span, .img:hover .cover a span {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

/*头部固定特效*/
@keyframes menu_sticky {
	0%  {
		margin-top: -100px;
	}
	50% {
		margin-top: -90px;
	}
	100% {
		margin-top: 0;
	}
}
header.stricky-fixed {
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	animation-name: menu_sticky;
	animation-duration: 0.60s;
	animation-timing-function: ease-out;
}

.w90p{width:87.91%; margin:0 auto;}
.w80p{width:72.8125%; margin:0 auto;}
header{width:100%; height:80px; background:#000;}
header .logo{width:144px; height:80px; background:url(../images/logo.png) no-repeat center center; background-size:100%; float:left;}
header .menu{float: right;margin-right: 70px; width:60%;}
header .menu ul{overflow:hidden;height: 80px;display: flex;justify-content: flex-end;}
header .menu ul li{line-height:80px;height: 80px;min-width: 80px;width:12.2%;text-align: center;position: relative;}
header .menu ul li a{color:#fff;display: block; font-family:"PuHuiL";font-size: 17.45px;}
header .menu ul li a span{position: absolute;width:  100%;height: 100%;left: 0;}
header .menu ul li a span.cn{display:none;color: #63c0cf;}
header .tel{float:right;}
header .tel p{line-height:80px; color:#fff;display: flex;align-items: center;}
header .tel p i.phone{margin-right:10px;width: 21px;height: 21px;display: block;background: url("../images/top-phone.png") no-repeat center center;background-size: cover;}
header .menu-btn{display:none;}

footer{width:100%;overflow:hidden;background: #050505;}
footer .footer-content{width:72.8125%;margin: 80px auto;overflow: hidden;}
footer .footer-content .foot-first{float:left;width: 30%;overflow:hidden;}
footer .footer-content .foot-first .qr-code{width: 106px;float: left;}
footer .footer-content .foot-first .qr-code img{width:100%; display:block; background:#fff;}
footer .footer-content .code{display: none;}
footer .footer-content .foot-first .qr-code p{color:#fff; line-height:1; font-size:17.45px; text-align:center; margin-top: 15px;letter-spacing: 0;}
footer .footer-content .foot-first .foot-contact{float: right;overflow: hidden;width: calc(100% - 140px);}
footer .footer-content .foot-first .foot-contact .foot-logo{width: 201px;height: 61px;background:url(../images/logo1.png) no-repeat top center;background-size:100%;}
footer .footer-content .foot-first .foot-contact p{color: #fff;line-height: 1;margin-top: 10px;}
footer .footer-content .foot-first .foot-contact p.title{font-size: 15px;line-height: 44px;font-family: "PuHuiB";}
footer .footer-content .foot-first .foot-contact p a{color: #fff;}
footer .footer-content .foot-first .foot-contact p.foot-contact-address{margin-top: 15px;}
footer .footer-content .foot-menu{width: 50%;overflow:  hidden;float: left;}
footer .footer-content .foot-menu dl{width:20%; float:left;}
footer .footer-content .foot-menu dl dt{font-size: 17.45px;line-height: 22px;color: #63c0cf;font-family: "PuHuiM";margin-bottom: 14px;}
footer .footer-content .foot-menu dl dd{color: #fff;line-height: 26px;}
footer .footer-content .foot-menu dl dd a{color: #fff;}
footer .footer-content .foot-copyrights{float:left;width: 200px;overflow:hidden;}
footer .footer-content .foot-copyrights p{color:#666; line-height: 24px;}
footer .footer-content .foot-copyrights hr{border-bottom: 1px solid #999;border-top: 0;margin: 10px 0;}

footer .footer-content .foot-share{overflow: hidden; float: right;}
footer .footer-content .foot-share li{width: 26px;margin-bottom: 15px;}
footer .footer-content .foot-share li img{width: 100%;}
footer .footer-content .foot-share li a{color: #fff;}

.right-toolbar{position: fixed;right:0;top:60%;z-index: 999999;width: 44px;opacity:1;display: none;}
.right-toolbar li{height: 48px;background:transparent;}
.right-toolbar li i{position:relative;width: 44px;height: 48px;display: block;}
.right-toolbar li i.gotop{background-image: url(../images/right-toolbar.png);background-position: 0px 0px;background-repeat: no-repeat;}
.right-toolbar li i.wechat{background-image: url(../images/right-toolbar.png);background-position: 0px -48px;background-repeat: no-repeat;}
.right-toolbar li i.qq{background-image: url(../images/right-toolbar.png);background-position: 0px -96px;background-repeat: no-repeat;}
.right-toolbar li i.phone{background-image: url(../images/right-toolbar.png);background-position: 0px -144px;background-repeat: no-repeat;}
.right-toolbar li i:hover{background-color: #3b747d;}

.telqa{position:relative;}
.tel_hover{transition:all 0.8s;font-family: "PuHuiL";opacity:0;padding:0 10px;height:48px;background:#9d9f9d; position:absolute;left:0;transform:translateX(-101%);top:0;color:#fff;display: flex;justify-content: center;align-items: center;}
.telqa:hover .tel_hover {opacity: 1}

.main{width:100%; overflow:hidden;}
.indexwrap{background-color: #191a19;}
/*
.index-banner{position:relative;background: url(../images/banner_robot.png) no-repeat;background-size: 18%;background-position: 80% 120px;width:  100%;height: 700px;}
.index-banner .text{position:absolute;left:10%;top: 120px;background:url(../images/banner_text.png) no-repeat center center;width: 28%;height: 400px;background-size: 80%;}
*/
.index-banner{width: 100%;overflow: hidden;position: relative; display:none;}
/* .index-banner ul{overflow:hidden;}
.index-banner ul li{overflow:hidden;}
.index-banner ul li img{display:block; width:100%;}
.index-banner .owl-pagination{margin-top: -40px;background: none;position: relative;z-index: 1;}
.index-banner .owl-buttons{overflow: hidden;}
.index-banner .owl-buttons .owl-prev{position: absolute;left: 40px;top: calc(50% - 30px); width: 60px;line-height: 60px;height: 60px;padding: 0!important;background: none!important;}
.index-banner .owl-buttons .owl-next{position: absolute;right: 40px;top: calc(50% - 30px); width: 60px;line-height: 60px;height: 60px;padding: 0!important; background: none!important;}
.index-banner .owl-buttons i{font-size: 30px; line-height: 60px;}
.index-banner .owl-page span{background: #fff!important;}

.index-banner-mobile{width: 100%;overflow: hidden;position: relative; display:none;}
.index-banner-mobile ul{overflow:hidden;}
.index-banner-mobile ul li{overflow:hidden;}
.index-banner-mobile ul li img{display:block; width:100%;}
.index-banner-mobile .owl-pagination{margin-top: -40px;background: none;position: relative;z-index: 1;}
.index-banner-mobile .owl-buttons{overflow: hidden;}
.index-banner-mobile .owl-buttons .owl-prev{position: absolute;left: 40px;top: calc(50% - 30px); width: 60px;line-height: 60px;height: 60px;padding: 0!important;background: none!important;}
.index-banner-mobile .owl-buttons .owl-next{position: absolute;right: 40px;top: calc(50% - 30px); width: 60px;line-height: 60px;height: 60px;padding: 0!important; background: none!important;}
.index-banner-mobile .owl-buttons i{font-size: 30px; line-height: 60px;}
.index-banner-mobile .owl-page span{background: #fff!important;} */
/* .swiper-pagination-bullet {width: 44px;height: 3px;display: inline-block;border-radius: 0;background: #fff; opacity: 0.5; }
.swiper-pagination-bullet-active {opacity: 1;background: #3b747d;}
.swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 65px;left: 0;width: 100%;} */
.swiper-button-next, .swiper-button-prev {position: absolute;top: 0;width: 50px;height: 100%;margin-top: 0;z-index: 10;cursor: pointer;background: #595757;opacity: 0;transition: opacity 0.5s ease-in ;-webkit-transition: opacity 0.5s ease-in ;-moz-transition: opacity 0.5s ease-in ;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: 0.5;transition: opacity 0.5s ease-in ;-webkit-transition: opacity 0.5s ease-in ;-moz-transition: opacity 0.5s ease-in ;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: #595757;left: 0px;right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background:#595757;left: auto;right: 0;}

.swiper-slide  img{max-width: 100%;display: block;}
.banner-slider-mobile{display: none;}

.index-box{overflow: hidden;}
.index-box .blocker{overflow:hidden; font-family:"PuHuiL";}
.index-box .blocker .full{width:100%;float:left;overflow:hidden;background:#63c0cf;clear: both;position: relative;}
.index-box .blocker .full img{display:block; width:100%;}
.index-box .blocker .half{width:50%;height: 100%;float:left;overflow:hidden;position: relative;}
.index-box .blocker .full .text{padding: 12%;color: #fff;}
.index-box .blocker .full .text h4{display:block;font-size: 29px;line-height:32px;font-family: "PuHuiR";margin-bottom:25px;}
.index-box .blocker .full .text p{font-size:17.45px; line-height:24px;}
.index-box .blocker .full .text p.more{width: 80px;text-align:center;border: 1px solid #ddd;position:  absolute;bottom: 14%;}
.index-box .blocker .full .text p.more a{color:#fff; display:block;}
.index-box .blocker1{width:40%; float:left; overflow:hidden; background:#eee;}
.index-box .blocker2{width:40%; float:left; overflow:hidden; background:#ddd;}
.index-box .blocker3{width:20%; float:left; overflow:hidden; background:#999;}

.page-banner{width:100%;}
.page-banner img{display:block; width:100%;}
.page-banner img:nth-child(2){display: none;}
.searchbox{position: relative;overflow: hidden;float: right;}
.searchbox input{height: 20px;width: calc(100% - 71px);color:#999999;padding: 10px;border: 1px solid #111;float: left;border-right: none;}
.searchbox input:focus{outline: 0;}
.searchbox span{color: #150d0f;position: relative;width: 50px;text-align:center;cursor:pointer;height: 42px; background:#111 url("../images/search.png") no-repeat center center;background-size: 19px 19px;float: left;}
.searchbox span:hover{}
/* .searchbox span i{line-height: 42px;font-size: 22px;color: #fff;background: url("../images/search.png") no-repeat center center;background-size: cover;} */

.leftmenu{overflow:hidden;width: 20%;float: left;}
.leftmenu .soncate{}
.leftmenu .soncate h2{color:#000000;font-size:38.79px;line-height: 1; padding-bottom: 22px; font-family: "PuHuiR";border-bottom: 1px solid #1a1b1a;}
.leftmenu .soncate ul{padding:20px 0;}
.leftmenu .soncate ul li{line-height: 40px;font-size: 17.45px;}
.leftmenu .soncate ul li a{display:block;color: #444;font-family: "PuHui";}
.leftmenu .soncate ul li a:hover{color: #63c0cf;}
.leftmenu .soncate ul li.active a{color: #63c0cf;}

.leftmenu .contact{padding-top:40px;}
.leftmenu .contact li{font-size: 16px;color: #111;padding-right: 110px;margin-bottom: 16px;font-family: "PuHui";font-size: 17.45px}
.leftmenu .contact li i{clear:both;display:block;width: 25px;height: 28px;background-repeat: no-repeat;background-position: center center;}
.leftmenu .contact li i.map-marker{background-image: url("../images/map-marker.png");background-size: 22px 28px;}
.leftmenu .contact li i.phone{background-image: url("../images/phone.png");background-size: 25px 25px;}
.leftmenu .contact li i.envelope{background-image: url("../images/envelope.png");background-size: 22px 17px;}



.right-content{width:76%;margin-left:4%;float:left;position:relative;}
.right-content .location{overflow:hidden;float:  left;width: 100%;line-height: 60px;height: 60px;border-bottom: 1px solid #111;font-size: 17.45px; font-family: "PuHui";}
.right-content .location code{margin: 0 10px;}
.right-content .searchbox{position:absolute;right:0;top: 0;}

.product-index{overflow:hidden;padding: 40px 0;}
.product-index-top{overflow:hidden;padding: 20px 0;}
.product-index-top h2{float:left;color:#000000;font-size:38px;line-height: 1;font-weight:normal;font-family: "PuHuiR";}

.product-index ul.procate_list{width: 100%;overflow:hidden;padding-bottom: 60px;}
.product-index ul.procate_list li{width: 24.25%;float:left;margin: 0 1% 1% 0;overflow:hidden;background:#fff;position: relative;}
.product-index ul.procate_list li .item{position:relative;}
.product-index ul.procate_list li:nth-child(4n){margin-right:0;}
.product-index ul.procate_list li .item:hover::before{ content:" "; left:0; top:0; bottom:0; right:0; position:absolute; z-index:11; background: rgba(4, 4, 4, 0.52);}
.product-index ul.procate_list li .item .litpic{width:100%; overflow:hidden;}
.product-index ul.procate_list li .item .litpic img{width:100%;display: block;}
.product-index ul.procate_list li .item .info{margin:0 auto;overflow:hidden;position:  absolute;bottom: -90px;height: 90px;left:  0;width: 100%;z-index: 22;padding:8%; transition:all 0.3s linear;display: flex;flex-direction: column;justify-content: space-between;}
.product-index ul.procate_list li .item .info img{width:23px ;height: 23px;}
.product-index ul.procate_list li .item .info a{font-size: 20px;color: #fff;display:block;}
.product-index ul.procate_list li .item .info h4{line-height:28px;font-size: 24px;margin:10px 0;font-family: "PuhuiL";}
.product-index ul.procate_list li .item .info p{font-family: "helvetica";font-size: 24px;}
.product-index ul.procate_list li .item:hover .info{bottom:0;color:#fff;height: 100%;}

.prolist{ width:100%; overflow:hidden;}
.prolist li{width: 31.3%;float:left;border:1px solid #ddd;margin: 3% 3% 0 0;overflow:hidden;background:#fff; position:relative;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li .litpic{width:100%; overflow:hidden; position:relative;}
.prolist li .litpic:hover:before {width: 65px;left: 380px;}
.prolist li .litpic img{width:100%; display:block;}
.prolist li .info{width:90%; margin:0 auto; overflow:hidden;}
.prolist li .info p{text-align: center;color: #595757;line-height: 20px;min-height: 20px;font-size: 17.45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prolist li .info h4{text-align:center;font-size: 23.27px;line-height:28px;margin:10px 0;font-family:  "PuHuiB";font-weight: bold;color: #63c0cf;}
.prolist li .info a{width:48%; font-size:13px; text-align:center; display:inline-block; color:#999;}
.prolist li .info a:hover{text-decoration:underline!important; color:#2a748f;}
.prolist li .active{position:absolute;background: rgba(255, 255, 255, 0.65);left:0;top:0;right:0;bottom:0;z-index:9;padding-top: calc(50% - 38px); display:none;}
.prolist li .active a{clear:both;width:50%;line-height:36px;font-size:14px;border: 1px solid #111;display: block;margin: 30px auto;text-align: center;}
.prolist li .active a:hover{background:#111; color:#63c0cf;}
.prolist li:hover .active{display:block;}

.proview{ width:100%; overflow:hidden;}
.proview .proview-top{width:100%; overflow:hidden; padding-top:40px;}
.proview .proview-top .propic{width:60%; float:left;}
.proview .proview-top .propic ul li{overflow:hidden;}
.proview .proview-top .propic ul li img{width:100%; display:block;}
.proview .proview-top .proinfo{width:38%;float:left;margin-left: 2%;}
.proview .proview-top .proinfo h1{font-size:69.82px;line-height:80px;color:#63c0cf;font-family:"Helvetica Narrow Bold";}
.proview .proview-top .proinfo p{font-size:17.45px;line-height:30px;color: #595757;}
.proview .proview-top .proinfo &gt; p {font-weight: 600;}
.proview .proview-top .proinfo p.cn{font-size: 13.58px;}
.proview .proview-top .proinfo .advantage{border-top:1px solid #595757;padding-top: 20px;margin-top: 20px; overflow:hidden;}
.proview .proview-top .proinfo .advantage p{margin-bottom: 10px;position:relative;color: #595757;padding-left: 30px;font-size: 13.58px;}
.proview .proview-top .proinfo .advantage p::before {content: " ";background: #63c0cf;width: 16px;height: 16px;margin-top: 8px;position: absolute;left: 0;}
.proview .proview-top .proinfo .btns{overflow:hidden; padding-left:28px;}
.proview .proview-top .proinfo .btns a{float:left; width:36%; min-width:120px; margin-right:28px; border:1px solid #111; color:#111; text-align:center; line-height:40px; font-size:17.45px; margin-top:40px;}
.proview .proview-top .proinfo .btns a:hover{background:#111; color:#63c0cf;}
.proview .proview-cansu{width:100%;overflow:hidden;border-top:1px solid #595757;padding-top: 60px;margin-top: 60px;}
.proview .proview-cansu img{width:100%;}
.moblie_nav_tel{
	font-size: 30px; font-family: "PuHuiL";font-weight: 600;color:#fff;position:absolute;bottom: 45px;text-align:center;width: 100%;font-weight:200;display:none
}

.newslist{ width:100%; overflow:hidden;}
.newslist li{width:100%;float:left;border-bottom:1px solid #ddd;overflow:hidden;background:#fff;position:relative;padding: 35px 20px 35px 0;}
/* .newslist li:last-child{border:none;} */
.newslist li .litpic{width:50%; overflow:hidden; position:relative; float:left;}
.newslist li .litpic img{width:100%; display:block;}
.newslist li .info{width: 50%;float: left;overflow:hidden;padding: 0 40px;}
.newslist li .info .time{font-size: 13.58px;line-height:1; color:#222;}
.newslist li .info .title{font-size: 23.27px;line-height:28px;margin:32px 0;font-family: "PuHuiL";color: #595757;}
.newslist li .info p{color: #595757;line-height: 28px;font-size: 13.58px;font-family: "PuHuiL";}
.newslist li .info .more{margin-top:40px;border-bottom:1px solid #222;color:#222;float: left;}

.newsview{ width:100%; overflow:hidden;}
.newsview .info{text-align:center;overflow:hidden;margin-top: 40px;}
.newsview .info h1{font-size:24px; line-height:36px;font-family: "PuHuiB"; font-weight:bold; color:#222;}
.newsview .info p{font-size:14px; line-height:24px; color:#999;}

.article-index{overflow:hidden;padding: 40px 0;}
.article_content-mobile{display: none;}
.article_content-pc{display: block;}
.article_content&gt;div{padding: 60px 0;border-bottom: 1px solid #000;}
.article_content&gt;div:nth-child(1){padding-top: 0;}
.article_content&gt;div:last-child{border: none;}
.article_content .video-title{font-size: 28px;padding-left: 38px;line-height: 1;margin-bottom: 80px;position: relative;}
.article_content .video-title::before{content: "";display: block;position: absolute;left: 0;top: 4.5px; width: 0;height: 0;border-top: 9.5px solid transparent;border-bottom: 9.5px solid transparent;border-left: 17px solid #65c3d3;}
.article_content{overflow:hidden;padding: 34px 0 ;}
.article_content
.article_content div{color:#595757; font-size:14px; line-height:24px; }
.article_content div strong{font-weight:bold;font-family: "PuHuiB";}
.article_content div img{max-width:100%; display: block;}
.pn {float: left;clear: both;margin: 30px 0;width: 100%;overflow: hidden;border-top: 1px solid #eee;padding: 30px 20px 10px 20px;}
.pn li {font-size: 13px;line-height: 40px;color: #666;overflow: hidden;width: 40%;float: left;}
.pn li:last-child{float:right;text-align: right;}
.pn li a {color: #888888;}
.pn li a:hover {color: #c40015;}

.contact-content{width:100%; overflow:hidden;}
.contact-content h1{font-size:38.79px;line-height: 1;font-family: "PuHuiR";color:#222;padding-bottom: 33px;border-bottom: 1px solid #222;}
.contact-content .feedback{width:45.13%; float:left;}
.contact-content .feedback .messages {overflow:hidden;margin-top: 40px;}
.contact-content .feedback .messages input, .contact-content .feedback .messages textarea {margin:0;padding:0;background:none;border:0;}
.contact-content .feedback .messages input::-webkit-input-placeholder,.contact-content .feedback .messages textarea::-webkit-input-placeholder {color:#777;}
.contact-content .feedback .messages .box {float:left;clear:both;margin-bottom:20px;width: 100%;}
.contact-content .feedback .messages .box label {float:left;width:180px;height:43.64px;font-size:14px;line-height:43.64px;text-align:left;padding-right:10px;}
.contact-content .feedback .messages .box input {float:left;width: 100%;height: 43.64px;padding-left:20px;display:block;border:1px solid #aaa;box-sizing:border-box;color: #3e3a39;font-size:17.46px;font-family:"PuHuiL";}
.contact-content .feedback .messages .box textarea {float:left;width: 100%;height: 171.65px;padding:20px;box-sizing:border-box;color: #3e3a39;resize:none;font-family:"PuHuiL";border: 1px solid #aaaaaa;font-size:17.46px;}
.contact-content .feedback .messages .sendup {clear:both;margin-top:10px;width: 110px;}
.contact-content .feedback .messages .sendup input {width:100%;font-size:14px;cursor:pointer;line-height:36px;}
.contact-content .feedback .messages .sendup input:hover {background: #63c0cf!important;color: #fff!important;}

.contact-content .contactinfo{width:34%;float:left;margin-left:4%;padding-top: 40px;}
.contact-content .contactinfo h3{font-size:23.28px;line-height: 40.56px;font-family: "PuHuiM";}
.contact-content .contactinfo h4{font-size:17.46px;margin-bottom:40px;line-height: 1;font-family: "PuHuiR";}
.contact-content .contactinfo p{color:#595757;font-size: 17.46px;line-height: 20px;margin-bottom: 6px;font-family: "PuHuiL";}

.contact-content .iconlist{overflow:hidden;width: 108px;float: right;padding-top: 48px;}
.contact-content .iconlist span{color: #595757;font-size: 14px;line-height: 20px;}
.contact-content .iconlist .qq{width:100%;height: 100px;position:relative;padding-top: 50px;text-align: center;}
.contact-content .iconlist .qq::before{position:absolute;content:" ";width: 100%;height: 100%;z-index: 9;background: url(../images/ico-qq.png) no-repeat top center;top:0;left: 0;}
.contact-content .iconlist .phone{width:100%;height: 100px;position:relative;padding-top: 50px;text-align: center;}
.contact-content .iconlist .phone::before{position:absolute;content:" ";width: 100%;height: 100%;z-index: 9;background: url(../images/ico-phone.png) no-repeat top center;top:0;left: 0;}
.contact-content .iconlist .wechat{width:100%;height: 150px;position:relative;padding-top: 126px;text-align: center;}
.contact-content .iconlist .wechat::before{position:absolute;content:" ";width: 100%;height: 100%;z-index: 9;background: url(../images/ico-qrcode.png) no-repeat top center;top:0;left: 0;}

.contact-job{width:100%; overflow:hidden; border-top:1px solid #222; margin-top:40px; padding-top:40px;}
.contact-job .jobleft{float:left; width:45.77%;}
.contact-job .jobleft h2{font-size:38.79px;line-height: 32px;margin-bottom: 30px;}
.contact-job .jobleft p{font-size: 17.46px;line-height:22px;color:#595757;margin-bottom:20px;font-family:"PuHuiL";}
.contact-job .jobleft .joblink{background:url(../images/go_joblink.png) no-repeat top left;background-size: auto 43px;padding-left: 60px;line-height: 43px;margin-top: 40px;float: left;font-size: 18px;}
.contact-job .jobleft .joblink a{color:#595757;}
.contact-job .jobleft .joblink a:hover{color:#63c0cf;}
.contact-job .jobright{float:right;width: 49.71%;}
.contact-job .jobright img{width:100%; display:block;}

.contact-map{padding:0; overflow:hidden;}
.contact-map .fullmap{width:100%; height:540px; float:left; position:relative; padding-bottom:0;}
.contact-map .fullmap #themap{height:100%;}

/*分页*/
.pagelist{width:100%;text-align:center;margin: 40px 0;font-size:14px;position: relative;padding: 20px 0;}
.pagelist img{width: 52px;height: 53px;}


.pagelist span{color: #63c0cf;line-height:36px;overflow:hidden;margin:0 5px;height:36px;text-align:center;display: inline-block;width: 36px;background: #fff;border-radius: 50%;border: 1px solid #63c0cf;}
.pagelist a{color: #999;display: inline-block;min-width: 36px;padding: 0 10px;height: 36px;line-height: 36px;overflow: hidden;margin:0 5px;}
.pagelist a i{line-height:36px;}
.pagelist a:hover{color:#000;}
.pagelist a.a1{width:auto!important;}
.pagelist a.pagetotal{border-radius:0;background:none;box-shadow: none;}

.servlist{ width:100%; overflow:hidden;}
.servlist li{width: calc(50% - 15px);height: 200px;padding: 20px;float:left;margin: 30px 30px 0 0;overflow:hidden;background:#fff;position:relative;}
.servlist li:nth-child(2n){margin-right:0;}
.servlist li .litpic{width: 160px;overflow:hidden;position:relative;float: left;}
.servlist li .litpic img{width:100%; display:block;}
.servlist li .info{width: calc(100% - 160px);overflow:hidden;float: left;height: 100%;    padding: 22px 0 14px 40px;display: flex;flex-direction: column;justify-content: space-between;}
.servlist li .info p{color: #595757;font-size: 16px;line-height: 26px;}
.servlist li .info .download{float:left;width: 110px;}
.servlist li .info .download a{color:#fff;display: block;background: #999;padding: 4px 14px;border-radius: 2px;font-size: 14px;line-height: 24px;display: flex;align-items: center;justify-content: center;}
.servlist li .info .download a i{margin-right:6px;display: block;width: 13px;height: 13px;background: url("../images/download.png") no-repeat center center;background-size: cover;}
.servlist li .info .download a:hover{background:#63c0cf;}

@media screen and (max-width:1700px){
	
	.leftmenu .contact li {padding-right: 70px;}
	footer .footer-content .foot-first .foot-contact .foot-logo {width: 158px;height: 47.95px;}
	footer .footer-content .foot-menu {width: 48%;}
	.index-box .blocker .full .text {padding: 10%;}
}
@media screen and (max-width:1440px){

	header .menu ul li a {font-size: 16px;}
	.w90p{width:93.4%; margin:0 auto;}
	.leftmenu .soncate h2 {font-size: 32px;padding-bottom: 22px;}
	.leftmenu .contact li {padding-right: 50px;}
	.right-content .location {line-height: 55px;height: 55px;font-size: 16px;}
	.servlist li {height: 168px;padding: 20px;margin: 30px 30px 0 0;}
	.servlist li .litpic {width: 128px;}
	.servlist li .info {width: calc(100% - 128px);padding: 16px 0 8px 30px;}

	.index-box .blocker .full .text h4 {font-size: 24px;line-height: 28px;margin-bottom: 15px;}
	.index-box .blocker .full .text p {font-size: 16px;line-height: 22px;}
	.contact-content h1 {font-size: 32px;padding-bottom: 26px;}
	.contact-content .contactinfo h3 {font-size: 22px;line-height: 38px;}
	.contact-content .contactinfo h4 {font-size: 16px;margin-bottom: 40px;}
	.contact-content .contactinfo p {font-size: 16px;line-height: 20px;margin-bottom: 6px;}
	.contact-job .jobleft h2 {font-size: 32px;line-height: 32px;margin-bottom: 20px;}
	.contact-job .jobleft p {font-size: 16px;line-height: 20px;margin-bottom: 10px;}
	.contact-job .jobleft .joblink {background-size: auto 38px;padding-left: 52px;line-height: 38px;margin-top: 20px;font-size: 16px;}
	footer .footer-content {width: 80%;margin: 60px auto;}
	footer .footer-content .foot-first .foot-contact {width: calc(100% - 128px);}
	footer .footer-content .foot-first .foot-contact .foot-logo {width: 138px;height: 41.88px;}
	footer .footer-content .foot-first .foot-contact p.title {font-size: 13px;line-height: 36px;}
	footer .footer-content .foot-first .foot-contact p {font-size: 12px;}
	footer .footer-content .foot-menu dl dd {font-size: 12px;line-height: 24px;}
	footer .footer-content .foot-menu {width: 46%;}
	footer .footer-content .foot-first .qr-code {width: 88px;float: left;}
	footer .footer-content .foot-first .qr-code p {font-size: 14px;margin-top: 10px;}
	footer .footer-content .foot-copyrights p {line-height: 18px;font-size: 12px;}
	footer .footer-content .foot-copyrights hr {margin: 10px 0;}
	footer .footer-content .foot-share li {width: 26px;margin-bottom: 3px;}
	.product-index ul.procate_list li .item .info h4 {line-height: 24px;font-size: 18px;margin: 10px 0;}
	.product-index ul.procate_list li .item .info p {font-size: 18px;}
	.proview .proview-top .proinfo .btns a {width: 36%;min-width: 120px;margin-right: 16px;line-height: 40px;font-size: 16px;margin-top: 40px;}
	.article_content .video-title{font-size: 28px;padding-left: 38px;line-height: 1;margin-bottom: 40px;position: relative;}
	footer .footer-content .foot-first .foot-contact p {font-size: 12px;}
	footer .footer-content .foot-menu dl dt {font-size: 16px;}
	footer .footer-content .foot-menu dl dd a {font-size: 12px;}
}
@media screen and (max-width:1360px){
	.leftmenu .soncate h2 {font-size: 28px;padding-bottom: 18px;}
	.leftmenu .contact li {padding-right: 10px;}
	.right-content .location {line-height: 47px;height: 47px;font-size: 16px;}
	footer .footer-content .foot-first .foot-contact {width: calc(100% - 120px);}
}
@media screen and (max-width:1280px){
	header .menu {margin-right: 40px;width: 80%;}
	footer .footer-content {width: 90%;margin: 60px auto;}
	footer .footer-content .foot-first .qr-code p {font-size: 13.75px;margin-top: 10px;}
	.proview .proview-top .proinfo .btns a {width: 36%;min-width: 100px;margin-right: 16px;line-height: 40px;font-size: 16px;margin-top: 40px;}
	.contact-job .jobleft h2 {font-size: 28px;line-height: 28px;margin-bottom: 16px;}
	.contact-job .jobleft p {font-size: 14px;line-height: 18px;margin-bottom: 8px;}
}
@media screen and (max-width:1024px){
	.owl-wrapper{width: auto !important; max-width: 100%;}
	.owl-wrapper .owl-item{width: auto !important; max-width: 100%;}
	.servlist li {height: 116px;padding: 10px;margin: 30px 30px 0 0;}
	.servlist li .litpic {width: 96px;}
	.servlist li .info {width: calc(100% - 96px);padding: 8px 0 4px 10px;}

	.contact-content h1 {font-size: 28px;padding-bottom: 20px;}
	.contact-content .contactinfo h3 {font-size: 20px;line-height: 32px;}
	.contact-content .contactinfo h4 {font-size: 14px;margin-bottom: 20px;}
	.contact-content .contactinfo p {font-size: 14px;line-height: 20px;margin-bottom: 6px;}
	.contact-job .jobleft h2 {font-size: 28px;line-height: 32px;margin-bottom: 15px;}
	.contact-job .jobleft p {font-size: 13px;line-height: 20px;margin-bottom: 10px;}
	.contact-job .jobleft .joblink {background-size: auto 38px;padding-left: 52px;line-height: 38px;margin-top: 20px;font-size: 16px;}
	.article_content .video-title{font-size: 24px;padding-left: 38px;line-height: 1;margin-bottom: 40px;position: relative;}
	.article_content .video-title::before{top: 2.5px;border-top: 9.5px solid transparent;border-bottom: 9.5px solid transparent;border-left: 17px solid #65c3d3;}
}
@media only screen and (max-width: 900px){
	header {height: 0.8rem;}
	.right-toolbar{display: none;}
	.page-banner img:nth-child(2){display: block;}
	.page-banner img:nth-child(1){display: none;}
	.w90p{width:100%;display: flex;align-items: center;justify-content: space-between;height: 100%;}
	header .tel{display:none;}
	header .logo{margin-left:0.84rem;width: 1.83rem;height: 0.26rem;}
	header .menu{display:none;width:100%;background: #000;position: fixed;top: 0;left: 0;height: 100%;z-index: 9;}
	header .menu ul{height:auto;padding-top: 20%;flex-direction: column;}
	header .menu ul li{width: 100%;height: 60px;line-height: 60px;/* border-top: 1px solid #aaa; */}
	header .menu ul li a{text-align: center;    font-size: 32px;}
	header .menu ul li a span{/* left:20px; */}
    header .menu .close{position:absolute;right: 20px;top:20px;width:40px;height:40px;overflow:hidden;background: url(data:image/png;base64,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) no-repeat center center;z-index: 9999999;}

	header .menu-btn{display:flex;justify-content: center; align-items: center;height: 0.8rem;  position:  absolute;right:  0;z-index:  99;top: 0;color: #fff;font-size: 30px;line-height: 78px;padding: 0 0.74rem;}
	header .menu-btn .bars{width: 0.36rem;height: 0.25rem;background: url("../images/bars.png") no-repeat center center;background-size: cover;display: block;}
	.index-box .blocker{width:100%!important; margin-bottom:0;}
	/* .index-box .blocker .more{right: 14%;} */
	.index-box {flex-direction: column;}
	.index-box .blocker .half{width:100%;}
	footer .footer-content {width:79.2%;margin: 0.8rem auto;}
	footer .footer-content .foot-first {width: 100%!important;}
	footer .footer-content .foot-first .qr-code{display: none;}
	footer .footer-content .code{display: inline-block;width: 1.6rem;float: right;margin-top: 0.46rem;}
	footer .footer-content .code img{max-width: 100%;display: block;}
	footer .footer-content  .code p{color:#fff; line-height:1; font-size:0.18rem; text-align:center;margin-top: 0.2rem;}
	footer .footer-content .foot-menu{display: none;}
	footer .footer-content .foot-copyrights {width: 58%;float: left;margin-top: 0.46rem;font-size: 0.18rem;}
	footer .footer-content .foot-first .foot-contact {margin: 0;width: 100%;}
	footer .footer-content .foot-copyrights p {line-height: 0.3rem;font-size: 0.18rem;}
	footer .footer-content .foot-first .foot-contact p.foot-contact-address {margin-top: 0.46rem;}
	footer .footer-content .foot-copyrights hr {margin: 0.1rem 0;}
	footer .footer-content .foot-share{display: none;}

	.index-box .blocker .full .text h4 {font-size: 0.49rem;line-height: 0.55rem;margin-bottom: 0.46rem;}
	.index-box .blocker .full .text p {font-size: 0.3rem;line-height: 0.4rem;}
	.index-box .blocker .full .text p.more {width: 1.38rem;position: static;margin-top: 0.9rem;}

	.searchbox{position: relative;overflow: hidden;float: left;margin-top: 0.3rem;width: 100%;}
	.searchbox input {border: 1px solid #707070;background: transparent;border-right: none;}
	.product-index ul.procate_list li{width: calc(50% - 5px);float:left;margin: 0 10px 10px 0;overflow:hidden;background:#fff;position: relative;}
	.product-index ul.procate_list li:nth-child(2n){margin-right:0;}
	.prolist {width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 20px 0;}
	.prolist li{width: calc(50% - 5px);float:left;margin: 10px 10px 0 0;overflow:hidden;background:#fff;position: relative;}
	.prolist li:nth-child(2n){margin-right:0;}
	.prolist li:nth-child(3n){margin-right:0;}
	.leftmenu{width:100%;display: none;}
	.leftmenu .contact{display: none;}
	.w80p{width:100%;}
	.product-index{padding: 0;    width: 79.2%;}
	.product-index-top{padding: 10px 0;}
	.product-index-top h2{line-height:32px; font-size:18px;}
	.product-index ul.procate_list{padding-bottom:10px;}

	
	.proview .proview-top{padding-top:10px;}
	.proview .proview-top .propic{width:100%;}
	.proview .proview-top .proinfo{width:100%;border-top: 1px solid #222;margin-top: 10px;padding-top: 10px;}
	.proview .proview-top .proinfo h1{font-size: 20px;line-height: 30px;}
	.proview .proview-top .proinfo .advantage{padding-top: 10px; margin-top: 10px;}
	.proview .proview-top .proinfo .advantage p{font-size:14px;}
	.right-content{width:79.2%;margin:0 auto ;float: none;}
	.right-content .location{border-bottom:0;line-height: 30px;font-size: 14px;padding-top: 0.96rem;height: auto;}
	.right-content .searchbox{position:relative;}
	.article-index{padding:0;}
	.newsview .info{margin-top:10px;}
	.newslist li .info .time {font-size: 0.22rem;line-height: 0.3rem;}
	.newslist li .info .title {font-size: 0.38rem;line-height: 0.52rem;margin: 0.4rem 0;}
	.newslist li .info p {line-height: 0.3rem;font-size: 0.22rem;}
	.newslist li .info .more {margin-top:1.2rem;}
	.newsview .info h1{font-size:18px;}
	.article_content{padding:20px 0;}
	.article_content-mobile{display: block;}
	.article_content-pc{display: none;}
	.article_content&gt;div {padding: 30px 0;border-bottom: 1px solid #000;}
	.article_content .video-title{font-size: 0.28rem;padding-left: 0.38rem;line-height: 1;margin-bottom: 0.4rem;position: relative;}
	.article_content .video-title::before{top: 0.045rem;border-top:  0.095rem solid transparent;border-bottom: 0.095rem solid transparent;border-left: 0.17rem solid #65c3d3;}

	.servlist{padding-top:0.3rem;}
	.servlist li {width: 100%;margin: 0 0 0.3rem 0; height:auto;}
	.servlist li .litpic{width:1.79rem;}
	.servlist li .info{width: calc(100% - 1.79rem);padding-left: 0.6rem;height: 1.79rem;}
	.servlist li .info p {font-size: 0.19rem;line-height:0.28rem;}
	.servlist li .info .download {width: 2rem;}
	.servlist li .info .download a {padding: 0.1rem 0.14rem;border-radius: 0.02rem;font-size: 0.14rem;line-height: 0.3rem;}
	
	.contact-content {width: 79.2%;margin: 0 auto; overflow: hidden;}
	.contact-content h1{padding-bottom:20px; padding-top:20px;}
	.contact-content .feedback{width:100%;}
	.contact-content .feedback .messages{margin-top:10px;}
	.contact-content .contactinfo{width:100%; margin:0; padding-top:10px;}
	.contact-content .contactinfo h4{margin-bottom:10px;}
	.contact-job .jobright{width:100%;}
	.contact-job {width: 79.2%;overflow: hidden;border-top: 1px solid #222;padding-top: 30px;margin: 30px auto 20px;}
	.contact-job .jobleft{width:100%;}
	.contact-job .jobleft h2{margin-bottom:10px; margin-top:10px;}
	.contact-map{margin-top:10px;}
	.contact-map .fullmap{height:300px;}
	
	.newslist{padding-top:0;}
	.newslist li {padding:0.6rem 0;}
	.newslist li .litpic{width:100%; margin-bottom:10px;}
	.newslist li .info{width:100%; padding:0;}
	.pn li:last-child{float:left; clear:both; text-align:left;}
	.iconlist{display: none;}

	.pagelist{display: none;}
	.pn{display: flex;justify-content: space-between;}
	.pn li {line-height: 20px;}
}
@media only screen and (min-width: 900px) and (max-width: 1100px){
	header .tel{display:none;}
	header .tel{display:none;}
	footer .footer-content .foot-menu{display: none;}
	footer .footer-content .foot-first{width:50%;}
	footer .footer-content .foot-copyrights{width:260px; float:right;}
	footer .footer-content .foot-share{display: none;}
}
@media only screen and (min-width: 1100px) and (max-width: 1360px){
	header .tel{display:none;}
	.index-box .blocker .full .text p{font-size: 12px; line-height: 16px;}
	.index-box .blocker .full .text h4 {font-size: 18px;line-height: 24px;margin-bottom: 10px;}
}
@media only screen and (min-width: 1360px) and (max-width: 1440px){
	header .menu ul li a {font-size: 16px;}
}
@media screen and (max-width:1100px){
	
}

@media screen and (max-width:750px){
	.prolist li {width: 100%;margin: 0;overflow: hidden;margin-bottom: 10px;}
	.banner-slider-mobile{display: block;}
	.banner-slider-pc{display: none;}
	.moblie_nav_tel{display: block}
}





.autoheight{height: auto!important;}
.qrcode{display:none; width:300px;}
.qrcode img{width:100%;}

@media only screen and (max-width: 450px){
	.right-content {
    width: 100%;
    margin: 0 auto;
    float: none;
}
.product-index {
    padding: 0;
    width: 92%;
}
.proview .proview-top .proinfo {
   margin-left: 0%;
}
}




</pre></body></html>